body {
    margin: 0;
    padding: 0;
    background-color:#FAFAFA;
    background-image:url("../imagenes/cabecera/bg_fondo.gif");
    background-position:top;
    background-repeat:repeat-x;
    font-family: Lucida Grande,Lucida Sans,Arial,sans-serif;
}
#logueo{
    margin: 0px auto 0px auto;
    border: 0;
    color: #333;
    display: block;
    width: 80%;

    font-size: 11px;
}

.ui-widget-content{

    background: transparent;
    border: 0px;
}

.fondo-solido{
    background: #ffffff;
}

#divPasarela{
    margin: 0px auto 0px auto;
    border: 0;
    color: #333;
    display: block;
    width: 40%;
    padding:15% 15% 15% 15%;
    font-size: 11px;
}

#divCapaMadre {
    display: block;
    width: 80%;
    height: 100%;
    padding: 0;
    background: transparent left top repeat-y;
    margin: 0px auto 3px auto;
    border: 0;
    color: #333;
}

#divPnlContenido{
    /*height:500px;*/
    height:auto;
    position:static;
    display: block;
}

.label{
    /*font-family:'Arial'; */
    font-size:8px;
    text-transform:uppercase;
}

.value{
    /*font-family:'Arial';*/
    text-transform:uppercase;
}

.separacion{
    margin: 10px;
}

.ui-panelgrid tr, .ui-panelgrid td {
    border: none;
}

.ui-state-default .icon-add-btn{
    width: 16px;
    height: 16px;
    background-image: url(../../recursos/imagenes/icon/add.png)  !important;
}

.ui-button-primeface{
    padding: 6px 15px;
    text-transform:capitalize !important;  
}

.label_ver_formulario{
    font-weight: bold;
}

.ui-menubar .ui-menu-child .ui-menuitem-link {
    color: #336699;
}

/* Empieza la Maquetacion de la Web */

div#contenedor{
    width: 980px;
    margin-left:auto;
    margin-right:auto;
    /*background-color:#666666;*/
}


div#cabecera{
    width: 960px;
    height: 111px;
    margin-left:auto;
    margin-right:auto;
    margin-top: 7px;
    clear:both;
}

div#cab_Contenido{
    width: 100%;
    height: 76px;
    /*background-color:#999999;*/
    clear:both;
}

div#cab_Cont_Logo{
    width: 198px;
    height: 76px;
    background-image:url("../imagenes/cabecera/g_logo.gif");
    float:left;
}

div#cab_Cont_Detalle{
    width: 762px;
    height: 76px;
    float:left;
}

div#cab_Cont_Det_Informacion{
    width: 100%;
    height: 26px;
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-size:11px;
    color:#000000;
    letter-spacing: 0.2pt;
    /*background-color:#FFFFFF;*/
    clear:both;
}

div#cab_Cont_Det_Inf_AnioLegal{
    width: 450px;
    height: 20px;  /* 26px - (padding-top) */
    margin-left: 10px;
    padding-top: 6px;
    float:left;
    /*background-color:#FFFFFF;*/
}

* html div#cab_Cont_Det_Inf_AnioLegal {
    display:inline;
}

div#cab_Cont_Det_Inf_Saludo{
    width: 275px;
    height: 20px;  /* 26px - (padding-top) */
    margin-left: 10px;
    padding-top: 6px;
    float:right;
    text-align:right;
    color:#003366;
    /*background-color:#999999;*/
}

div#cab_Cont_Det_Inf_Saludo b{
    color:#8b0000;
    /*font-weight:bold;*/
}

div#cab_Cont_Det_Titulo{
    width: 100%;
    height: 50px;
    background-image:url("../imagenes/cabecera/bg_tituloCabecera.gif");
    clear:both;
}

div#cab_Cont_Det_Tit_Texto{
    width: 750px;
    height: 40px; /* 50px - (padding-top) */
    text-align:center;
    color:#FFFFFF;
    font-size:24px;
    padding-top: 13px;
    font-weight: bold;
    float:left;
}

div#cab_Cont_Det_Tit_Derecha{
    width: 3px;
    height: 50px;
    background-image:url("../imagenes/cabecera/g_tituloCabecera.gif");
    display:block;
    float:right;
}

div#cab_Sombra{
    width: 100%;
    height: 35px;
    background-image:url("../imagenes/cabecera/g_sombraCabecera.gif");
    background-repeat:no-repeat;
    background-position:top;
}


/* INICIO CSS LOGUEO */
div#logueo{
    width:417px;
    height:289px; /* 301px - padding-top */
    padding-top:12px;
    margin-left:auto;
    margin-right:auto;
    margin-top:60px;
    background-image:url("../imagenes/cabecera/bg_logueo.gif");
    background-repeat:no-repeat;
    clear:both;
}

div#log_Titulo{
    /*width:100%;*/
    height:25px;  /* 33px - padding-top */
    padding-top:8px;
    padding-left:21px;
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-size:15px;
    font-weight:bold;
    color:#FFFFFF;
    /*background-color:#CCCCCC;*/
}

div#log_Contenido{
    width:380px;
    /*height:256px;*/
    margin-left:auto;
    margin-right:auto;
    margin-top:54px;
    /*background-color:#999999;*/
}

span.icoUsuario {
    width: 14px;
    height: 14px;
    margin: 3px;
    background: url("../imagenes/cabecera/ico_usuario.gif") left no-repeat;
    float: left;
}

span.icoClave {
    width: 14px;
    height: 14px;
    margin: 3px;
    background: url("../imagenes/cabecera/ico_clave.gif") left no-repeat;
    float: left;
}

div#log_BotonZona {
    margin-top: 43px;
    margin-left: 65px;
}

#btnEntrar{
    width: 103px;
    height: 36px;
    padding-top: 0px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background: url("../imagenes/cabecera/btn_logueoIngresar.gif") no-repeat;
    margin-right: 5px;
    float: left;}

#btnReset{
    width: 103px;
    height: 36px;
    padding-top: 0px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #FFFFFF;
    background: url("../imagenes/cabecera/btn_logueoLimpiar.gif") no-repeat;
    float: left; 

}

.btn_agregar{
    height: 27px;
    width: 27px;
}



.movOut{
    background-color: #e17009 !important;
    background-image: none !important;
    color: #fff !important;

}


.mensaje_obligatorio{
    color: red;
}

.ui-panel-title{
    
    text-transform: uppercase !important;
}

.ui-datatable-scrollable-header-box{
    width: 98.5%;
    
}

.datable-busqueda{
    font-size: 10px !important;
    
}




/*.datatable-kardex table thead tr {
    display: none;
}*/


/*.datable-reporte-kardex{
    font-size: 8px !important;
}*/

.datable-reporte-kardex-cont table > tbody > tr > td{
    border-bottom: 1px solid #DEDEDE !important;
    font-size: 8px !important;
}

.datable-reporte-kardex-cont table > thead > tr > th{
    display: none;
}


.datable-reporte-kardex-cab table > thead > tr > th{
    font-size: 10px !important;
}

.datable-reporte-kardex-cab table > tbody > tr {
    display: none;
}


.rowStyleKardex{
    height: 22px !important;
    border: none !important;
}


.styleAlignRightColumn{
	text-align:right !important;
}

.styleAlignLeftColumn{
	text-align:left !important;
}

.styleAlignCenterColumn{
	text-align:center; !important;
}